<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBLIdXdBf6KK0q0PcKyNQKCE8uG6MVjLQ8&sensor=true"></script>
    <script type="text/javascript" src="javascript.js" ></script>
    <link rel="stylesheet" type="text/css" href="styles.css"></link>
  </head>
  <body onload="initialize()">
	<div id="header">
		<div class="leftHeader">
			<img style="float:left" src="logo_small.png"/>
			<span class="websiteName">WAYPOINTS GENERATOR</span>
		</div>
		<div class="rightHeader">
			<a href="http://wptgenerator.codeplex.com/"><img src="info.png"/></a>
		</div>
	</div>
    <div id="map_canvas"></div>
  <div id="footer"></div>
</body>
</html>